<template>
  <div class="warp containerT">
  	<div class="header">
      <div class="return-icon" @click="back()"></div>
      <div class="name">推送设置</div>
      <div class="name"></div>
    </div>

    <div class="list">
    	<div class="item">
    		<span>推送</span>
    		<mt-switch></mt-switch>
    	</div>
    	<div class="item">
    		<span>推送声音</span>
    		<mt-switch></mt-switch>
    	</div>
    	<div class="item">
    		<span>分时间段推送<i>推送时间：7:00-23:00</i></span>
    		<mt-switch v-model="value" @change="true"></mt-switch>
    	</div>
    </div>
  </div>
</template>
<script>
	import { Switch } from 'mint-ui';
    export default {
    	name: 'pushSetting',
    	components: {

	    },
    	data () {
      		return {
                value:''
	      	}
	    },
	    mounted(){

	    },
	    methods:{
	      	back(){
	        	this.$router.go('-1')
	      	},
          menuToggle(){
            this.menuShow = !this.menuShow;
          }
	    }
  	}
</script>
<style lang="scss" scoped>
	.list{
		margin-top:80px;
		padding:0 30px;
		.item{
			display: flex;
			justify-content: space-between;
			align-items: center;
			margin-bottom:100px;
			span{
				color:#333;
				font-size:36px;
				i{
					display: block;
					color:#117cfe;
					font-size:30px;
					margin-top:20px;
				}
			}
		}
	}
</style>
